﻿@{
    ViewBag.Title = "BaseInfo";
    Layout = "~/Views/Shared/User.cshtml";
}

<style>
    table.infoTable
    {
        margin:auto;
    }
    table.infoTable th
    {
        vertical-align:top;
        text-align:right;
    }
</style>
<link href="@Url.Content("~/Content/elements/form.css")" rel="stylesheet" type="text/css" />
<h2>基本信息</h2>

<table class="infoTable">
    <tr>
        <th>签署知情同意书日期</th>
        <td><input type="text" class="dateInput" value="2011/1/1" /></td>
    </tr>
    <tr>
        <th>姓名</th>
        <td><input type="text" class="shortText" value="张三" /></td>
    </tr>
    <tr>
        <th>性别</th>
        <td>
            <input type="radio" title="男" />男
            <input type="radio" title="女" />女
        </td>
    </tr>
    <tr>
        <th>出生日期</th>
        <td><input type="text" class="dateInput" value="2011/1/1" /></td>
    </tr>
    <tr>
        <th>身高</th>
        <td><input type="text" class="valueInput" />cm</td>
    </tr>
    <tr>
        <th>体重</th>
        <td><input type="text" class="valueInput" />kg</td>
    </tr>
    <tr>
        <th>电话</th>
        <td><input type="text" /></td>
    </tr>
    <tr>
        <th>病历来源</th>
        <td>
            <input type="radio" name="hos" id="rdoNoHos" checked="checked" />门诊
            <input type="radio" name="hos" id="rdoHos" />住院
            &nbsp;&nbsp;
            <span id="spanHosNum" style="display:none">
                住院号<input type="text" class="valueInput" />
            </span>
            <script type="text/javascript">
                $("#rdoNoHos").click(function () {
                    $("#spanHosNum").hide();
                });
                $("#rdoHos").click(function () {
                    $("#spanHosNum").show();
                });
            </script>
        </td>
    </tr>
    <tr>
        <th>病程</th>
        <td><input type="text" class="valueInput" />月</td>
    </tr>
    <tr>
        <th>相关家族史</th>
        <td>
            <input type="radio" name="related" id="rdoNoRelated" checked="checked" title="无" />无
            <input type="radio" name="related" id="rdoHasRelated" title="有" />有
            <input type="text" class="middleText" id="txtRelated" style="display:none" />
            <script type="text/javascript">
                $("#rdoNoRelated").click(function () {
                    $("#txtRelated").hide();
                });
                $("#rdoHasRelated").click(function () {
                    $("#txtRelated").show();
                });
            </script>
        </td>
    </tr>
    <tr>
        <th>药物过敏史</th>
        <td>
            <input type="radio" title="无" />无
            <input type="radio" title="有" checked="checked" />有
            <input type="text" />
        </td>
    </tr>
    <tr>
        <th>西药诊断</th>
        <td><input type="text" class="middleText" /></td>
    </tr>
    <tr>
        <th>病理</th>
        <td><input type="text" class="middleText" /></td>
    </tr>
    <tr>
        <th>KPS评分</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>ECOG评分</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>TNM分期</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>Dukes分期</th>
        <td><input type="text" class="valueInput" /></td>
    </tr>
    <tr>
        <th>治疗史</th>
        <td>
            <input type="radio" title="无" />无
            <input type="radio" title="有" />有
            <input type="text" class="longText" />
        </td>
    </tr>
    <tr>
        <th>手术</th>
        <td>
            <table>
                <tr>
                    <th>名称</th>
                    <th>日期</th>
                </tr>
                @{for (int i = 0; i < 3; i++)
                  {
                <tr>
                    <td><input type="text" class="middleText" /></td>
                    <td><input type="text" class="dateInput" value="2011/1/1" /></td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>化疗</th>
        <td>
            <table>
                <tr>
                    <th>方案</th>
                    <th>起止日期</th>
                </tr>
                @{for (int i = 0; i < 3; i++)
                  {
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>放疗</th>
        <td>
            <table>
                <tr>
                    <th>部位</th>
                    <th>剂量</th>
                    <th>次数</th>
                    <th>备注</th>
                </tr>
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td><input type="text" class="valueInput" value="100" /></td>
                    <td><input type="text" class="valueInput" value="1" /></td>
                    <td><input type="text" class="longText" value="Test" /></td>
                </tr>
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>其他</th>
        <td>
            <table>
                <tr>
                    <th>名称</th>
                    <th>起止时间</th>
                </tr>
                @{for(int i=0;i<3;i++)
                  {
                <tr>
                    <td><input type="text" class="shortText" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1" />
                    </td>
                </tr>
                  }
                }
            </table>
            <input type="button" value="增加" />
        </td>
    </tr>
    <tr>
        <th>是否合并其它疾病及用药</th>
        <td>
            <input type="radio" name="joinOther" id="rdoNoJoinOther" checked="checked" />否
            <input type="radio" name="joinOther" id="rdoJoinOther" title="是" />是
            <table id="tblJoinOther" style="display:none" >
                <tr>
                    <th>疾病诊断</th>
                    <th>所用药物通用名</th>
                    <th>日剂量</th>
                    <th>用药起止时间</th>
                    <th>治疗效果</th>
                </tr>
                @{for (int i = 0; i < 5; i++)
                  {
                <tr>
                    <td><input type="text" class="middleText" /></td>
                    <td><input type="text" class="middleText" /></td>
                    <td><input type="text" class="valueInput" /></td>
                    <td>
                        <input type="text" class="dateInput" value="2011/1/1" />
                        -<input type="text" class="dateInput" value="2011/1/1"/>
                    </td>
                    <td><input type="text" class="longText" /></td>
                </tr>
                  }
                }
                <tr>
                    <td colspan="6">
                        <input type="button" value="增加" />
                    </td>
                </tr>
            </table>
            <script type="text/javascript">
                $("#rdoNoJoinOther").click(function () {
                    $("#tblJoinOther").hide();
                });
                $("#rdoJoinOther").click(function () {
                    $("#tblJoinOther").show();
                });
            </script>
        </td>
    </tr>
    <tr>
        <th>一般体格检查</th>
        <td>
            体温<input type="text" class="valueInput" />℃<br />
            心率<input type="text" class="valueInput" />次/分<br />
            呼吸<input type="text" class="valueInput" />次/分<br />
            血压<input type="text" class="valueInput" />
                /<input type="text" class="valueInput" />mmHg
        </td>
    </tr>
</table>